﻿@model StoryTeller.Domain.Story
@{
    ViewBag.Title = Resources.Contribution.PageTitle;
}
<script src="@Url.Content("~/Scripts/Story/Contribute.js")" type="text/javascript"></script>
<div id="FullContent">
    <div id="TopSocial">
        <div class="Social">
            <div class="face">
                <a>
                    <img src="@Url.Content("~/Content/Images/f3.png")" /></a>
            </div>
            <div class="twitter">
                <a>
                    <img src="@Url.Content("~/Content/Images/t3.png")" /></a>
            </div>
            <div class="gplus">
                <a>
                    <img src="@Url.Content("~/Content/Images/g3.png")" /></a>
            </div>
        </div>
    </div>
    <div id="LeftContent">
        <div class="clear">
        </div>
        <div class="LeftWrapper">
            <div id="FormContribute" class="form-group">
                <fieldset>
                    <legend>@Resources.Contribution.PageTitle</legend>
                    <input type="hidden" name="Chapter.Id" value="@Model.Chapters.Last().Id" />
                    <div id="StoryViewer">
                    @foreach (StoryTeller.Domain.Contribution c in Model.Chapters.Last().Contributions)
                    {
                        <div class="svContribution">
                            <div class="svText">@c.Text</div>
                            <div><img alt="" class="svImage" src="@c.Owner.ImageUrl"/> @c.Owner.Name</div>
                        </div>
                    }
                    </div>
                    <div class="input-group">
                        <span class="input-group-addon">T</span>
                        <textarea class="form-control" id="contribution" name="Text"></textarea>
                    </div>
                    <input type="button" id="btnContribute" value="Send" />
                </fieldset>
            </div>
        </div>
    </div>
    <div class="Ads">
        <fieldset>
            <legend>Anúncios Patrocinados</legend>
            <div class="adsholder">
                <div class="ad medium">
                    <img src="@Url.Content("~/Content/Images/mediumad.jpg")" /></div>
                <div class="ad small">
                    <img src="@Url.Content("~/Content/Images/smallad1.jpg")" />
                </div>
                <div class="ad small">
                    <img src="@Url.Content("~/Content/Images/smallad1.jpg")" />
                </div>
                <div class="ad small">
                    <img src="@Url.Content("~/Content/Images/smallad1.jpg")" />
                </div>
                <div class="ad small">
                    <img src="@Url.Content("~/Content/Images/smallad1.jpg")" />
                </div>
            </div>
        </fieldset>
    </div>
    <div class="clear">
    </div>
</div>
